<template>
    <div>
        <div class="container field">
            <mt-field label="用户名" placeholder="请输入用户名" ></mt-field>
            <mt-field label="邮箱" placeholder="请输入邮箱" type="email" ></mt-field>
            <mt-field label="密码" placeholder="请输入密码" type="password" ></mt-field>
            <mt-field label="手机号" placeholder="请输入手机号" type="tel" ></mt-field>
            <mt-field label="生日" placeholder="请输入生日" type="date"></mt-field>
            <router-link to="/log">
                <mt-button type="primary"  size="large" @click="tan()">注册</mt-button>
            </router-link>
            <router-link to="/log" class="a">
                已账号立即登录
            </router-link>

        </div>
    </div>
</template>

<script>
    export default {
        methods:{
            tan(){
                this.$messagebox.alert("注册成功，请登录").then(action => {

                });

            }
        }

    }
</script>

<style lang="scss">
    .field{
        margin-top:10%;
        .mint-field-core{
            margin-top:12px;
            box-sizing: border-box;
        }
        .a{
            color: rgba(0, 0, 0, 0.35);
        }
        .a:hover{
            text-decoration: none;
            color: rgb(0, 0, 0);
        }
    }
</style>